﻿@charset "utf-8";
html{ font:normal 62.5%/2.3em Arial,"微软雅黑";}
body{ margin:0px; padding:0px; margin:0px auto; font-size:1.2em; color:#414446; width:100%; min-width:1004px; width:expression((documentElement.clientWidth < 1004) ? "1004px" : "100%" ); zoom:1;}
ul,li,form, dl,dt,dd, div,span{ padding: 0px; margin: 0px;}
.ul,.ul li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none;vertical-align:top;}
a{ color:#414446; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none;}
.clear{ clear:both; height:0px; overflow:hidden;}


.SildeBar{}

.Content{}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; font-size:13px; line-height:24px;}

.Current{}

/*pages*/
.Pages{}
/*pages end*/

/*Top*/
.Toper{height: 95px; background: #fff;border-top:5px solid #0096E0;}
.Top{width: 1000px;margin:0 auto;}
.Top .logo{background: url("../images/logo.png") ;width: 158px;height: 60px;float: left;margin: 14px 0 0 2px;}
.Top .logo a{display: block;width: 158px;height: 60px;}
.Top .TopR{float: right;height: 89px; width: 234px;background: url("../images/toplogo_03.png");position: relative;}
.Top .TopR .topNav{float:right;margin-top:19px; }
.Top .TopR .topNav li{float: left;font-size: 14px;color: #DADADA;}
.Top .TopR .topNav li a{font-size: 14px;color: #9C9C9C;}
.Top .TopR .topNav li a.cn{background: url("../images/cn_arrow.png") right center no-repeat;padding-right: 11px;}
.Top .TopR .topNav li a.search{background: url("../images/search.png") no-repeat center center; display: inline-block;
width: 18px; height: 18px;margin-left: 15px;margin-top: 3px;}
.Top .TopR .topNav li a:hover{color: #597098;}
.Top .TopR .topNav li em{margin: 0 14px 0 14px;font-style: normal;}
.Top .TopR .Topsearch{width: 150px;height: 24px; border:1px solid #DADADA;border-radius: 12px;background: #fff;
 position: absolute;right: 0;bottom: 13px;display: none;}
.Topsearch .search_input{width:102px; padding:0 10px;color:  #9C9C9C;float: left;height: 24px;}
.Topsearch .search_btn{width: 24px;height: 24px; float: right; cursor: pointer;
	background: url("../images/search.png") no-repeat center center;}
.MainNav{height: 95px;margin-left:57px;float:left;}
.MainNav ul{ height: 95px;}
.MainNav ul li{float: left;}
.MainNav ul li .navA{font-size: 16px; color: #444444;display: block;line-height: 24px;padding: 54px 15px 17px 15px;}
.MainNav ul li.onnav .navA,.MainNav ul li .navA:hover{color: #fff; background: #0096E0;}

/*Top*/

/*Bottom*/
.Bottom{background: #343A41;border-bottom: 5px solid #42484E;}
.BottomWrap{width:1000px; margin: 0px auto;padding-top: 43px;}
.BottomNav{height: 201px;border-left: 1px solid #494E54;float: left; }

.BottomNav h3{font-size: 16px;font-weight: normal; padding-left:17px;color: #FFFFFF; border-left: 1px solid #DBDCDD;margin-left: -1px; }
.BottomNav ul{padding:18px 62px 0 17px;}
.BottomNav ul li{line-height: 24px;}
.BottomNav ul li a{color: #AEAFB1;font-size: 12px; }
.BottomNav ul li a:hover{text-decoration:underline;}
.BottomR{float: left;height: 201px;}
.BottomR .attention{float: left;}
.BottomR .attention h3{font-size: 16px;padding-left:17px;color: #FFFFFF;}
.BottomR .attention p{padding-left: 17px;}
.BottomR .QRcode{float: right;margin-left: 68px;margin-top: 20px;}
.BottomR .QRcode a img{width:87px;height:87px;}
.BottomR .QRcode span{font-size: 14px; line-height: 24px;display: block; text-align: center;color: #A7A9AB;}
.BottomDown{height: auto;margin-bottom: 91px; border-top: 1px solid #454A50;margin-top: 46px;position: relative;}
.Copyright{color: #AEAFB1;font-size: 12px;line-height: 18px; width: 640px;position: absolute;top:-10px;left: 50%; margin-left: -350px;background:#343A41;text-align: center; }
.Copyright a{color: #BFC0C2;font-size: 12px;}

.Copyright em{color: #52575C;font-style: normal;margin: 0 15px;}
/*Bottom*/

/*SildeBar*/
.SildeBar{}
/*SildeBar*/


/*HomeBan*/
.HomeBan{height: 500px; position: relative;width: 1000px; margin: 30px auto 0;}
.BanList{height: 500px;overflow: hidden; }
.BanList ul{height: 500px; position: relative;}
.BanList ul li{float: left;height: 500px;width: 1000px;}
.BanList ul li a{display: block;height: 500px;width: 100%;}

.TabList{position: absolute;bottom: 18px; left:0;}
.TabList .List{ width:1000px; margin: 0 auto; height: 9px;}
.TabList ul{float: right;margin-right: 30px;}
.TabList ul li{float:left;width: 8px; height: 8px; margin-left: 16px;background: #fff;border-radius: 4px;}
.TabList ul li.on{background: #0096E0;}

.Contain{ background: #fff;height: auto;}

.MainContent{width: 1000px; margin: 0 auto;height: auto;}


/*Banner*/
.Banner{height: 200px;width: 1000px; margin: 30px auto 0;}
/*Banner*/

/*index*/

.idxBox{margin: 31px 0 0 0;width: 1000px;}	
.idxBoxTi {height: 50px; width: 1000px;}
 .latestCon ul{margin-top: 46px;width: 1000px;}
 .latestCon ul li{width: 236px;float: left;margin-right: 19px;}
 .latestCon ul li:first-child{margin-right: 18px !important;}
 .latestCon ul li:last-child{margin-right: 0px !important;}
 .latestCon .a_img{position: relative;width: 236px;height: 153px;display: block;}
 .latestCon .a_img img{width: 236px;height: 153px;}
 .latestCon .a_img span{height: 34px;width: 222px; line-height: 34px;display: block;position: absolute;bottom: 0;left: 0;
	padding-left: 14px;font-size: 12px; color: #fff;background: rgba(0,0,0,0.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);}
 .latestCon h3{margin-top: 20px;}
 .latestCon h3 a{font-size: 14px;line-height: 24px;color: #404040;}
.latestCon p{font-size: 12px;line-height: 22px;margin-top: 9px;margin-bottom:30px;color: #666666;}
 .latestCon .a_link{font-size: 12px;line-height: 22px;color: #8A8F9C;background: url("../images/a_link.png") no-repeat left center;
 padding-left: 22px;}
 .latestCon .a_link:hover{background: url("../images/a_link_on.png") no-repeat left center; color: #0096E0;}

.techCon {margin-top: 67px;}
.techCon .techConL{float: left;width: 489px; height: 314px;}
.techCon .techConR{width: 474px;float: right;}
.techCon .techConR h3 a{font-size: 18px;line-height: 24px;color: #444444;}
.techCon .techConR h3 span{font-size: 18px;line-height: 24px;color: #444444;}
.techCon .techConR p{font-size: 14px;line-height: 24px; margin-top: 13px; color: #444444;}
.techCon .techConR ul{margin-top: 20px;}
.techCon .techConR ul li{width: 237px;float: left;line-height: 24px;}
.techCon .techConR ul li a{font-size: 12px;color: #666666;}
.techCon .techConR ul li a:hover{color:#259EE2;}
.techCon .techConR ul li span{font-size: 12px;color: #666666;}



.proCon{margin-top: 47px;padding-bottom: 81px;}
.proCon .proNav{height: 42px;width: 997px; background: #F8F8F8; border-bottom: 3px solid #E8E8E8;border-right: 3px solid #E8E8E8;}
.proCon .proNav li{float: left; line-height: 42px;}
.proCon .proNav li a{color: #666666;font-size: 16px;border-right: 1px dotted #DEE0E2;line-height:16px;
	display: inline-block;width: 171px;text-align: center;}
.proCon .proNav li:first-child a{width: 159px;}
.proCon .proNav li:last-child a{width: 129px;}
.proCon .proNav li:hover ,.tab_hover{border-bottom: 3px solid #0096E0;}
.proCon .proNav li:hover a,.tab_hover a{color:#0096E0 !important; font-weight: bold;}
.proPane{width: 1000px;margin-top: 33px;}
.proList{width: 1000px;}
.proList li{float: left;width: 232px;height: 354px; border: 1px solid #DFE1E3;margin-right: 20px;background:#F4F5F7;}
.proList li:last-child{margin-right: 0px;}

.proList li img{width: 232px; height: 171px;}
.proList li h3{font-size: 14px;text-align: center;line-height: 24px;padding: 16px 0; color: #404040; background:#fff; }
.proList li p{font-size: 12px;line-height: 22px; color: #8D8D8D;border-bottom: 1px solid #ECECEC;border-top: 1px solid #ECECEC;padding: 7px 8px;background:#fff;}
.proList li .link{text-align: center; }
.proList li .link a{font-size: 12px;color: #8A8F9C;background: url("../images/a_link.png") no-repeat left center; height:30px; width:70px; margin:0 auto;line-height:30px;display:block;padding-left: 21px; margin-top:7px;}
.proList li:hover{width:224px;height: 347px;border:5px solid #0096E0; }
.proList li:hover img{width: 224px; height: 166px;}
.proList li:hover .link a:hover{background: url("../images/a_link_on.png") no-repeat left center; color: #0096E0;}
/*index*/

/*menu*/
.menuWrap{float: left;width: 220px;}
.Menu{width: 220px;height:auto;background:#F9F9F8; }
.Menu .MenuTi{height: 44px;padding-left: 21px;padding-top: 6px; background: url(../images/menu_ti_03.png);color: #fff;}
.Menu .MenuTi h2{ font-size:18px;}
.Menu .MenuTi span{display: block;font-size: 14px; color: #A3CFF0;margin-top: -8px;}
.MenuList{height:100%; }
.MenuList ul{width: 220px; margin-top: 16px; }
.MenuList ul li{height: 39px;line-height: 39px;margin-bottom: 10px;}
.MenuList ul li .menuA{display: block; color: #000000;font-size: 14px;
	padding-left: 38px;background: url("../images/menu_dot.png") no-repeat 21px center;);}
.MenuList ul li.onmenu .menuA,.MenuList ul li .menuA:hover{background: url("../images/menu_dot.png") no-repeat 21px center #0096E0;color: #fff;}
.phone{margin: 32px 20px 18px 19px;  width: 179px; height: 161px;border:1px solid #F5F5F5; background:#fff;}
.phone img{margin: 27px 0 13px 64px;}
.phone span{display: block;text-align: center;font-size: 14px; color: #B3B3B3;}
.phone p{text-align: center;font-size: 18px; color: #333333;}
.menulogo{margin: 32px 20px 18px 19px; width: 179px; height: 161px;border:1px solid #F5F5F5;background: url("../images/menulogo.jpg") center center no-repeat #fff;}


.Content{width: 745px;float: right; height: auto;}
.Current{border-bottom: 2px solid #AFAFAF;}
.Current h2{float: left;font-size: 18px;line-height: 40px; border-bottom: 2px solid #0096E0; color:#333333;margin-bottom: -2px;}
.Current p{font-size: 12px; float: right;color: #666666;margin-top: 8px;}
.Current p a{color: #666666;}
.Current p span{color:#42A6E4;}

.ab_con{padding: 25px 18px 36px 0px;}
.ab_con .about_list li{margin-bottom: 45px;}
.ab_conL{float: left;width: 147px;}
.ab_conR{float: left;width: 566px;}
.ab_conL p{font-size: 16px;padding-left: 14px;height: 40px; color: #666666;margin-top: 2px; line-height: 22px;
	background: url("../images/about_line.png") no-repeat left 4px;}
.ab_conL span{font-size: 12px; color: #0096E0; display:block;line-height: 20px;}
.ab_conR p{font-size: 14px; line-height: 24px;color: #666666;margin-bottom: 13px;}
/*about*/
/*honor*/
.ab_honor{padding: 13px 11px;}
.ab_honor li{float:left;width: 284px; height: 219px;margin-bottom: 10px;margin-right: 10px;}
.ab_honor li a{display: block;}
.ab_honor li a img{width: 284px; height: 189px;}
.ab_honor li a span{display: block;height: 30px;line-height: 30px;text-align: center;color: #666666;}

#content{ width:500px; height:170px; margin:100px auto;}
#imgbox-loading {position: absolute;top: 0;left: 0;	cursor: pointer;display: none;z-index: 90;}
#imgbox-loading div {background: #FFF;width: 100%;height : 100%;}
#imgbox-overlay {position: absolute;top: 0;	left: 0;width: 100%;height: 100%;background: #000;display: none;z-index: 80;}
.imgbox-wrap {position: absolute;top: 0;left: 0;background: #FFF;display: none;	z-index: 90;}
.imgbox-img {padding: 0;margin: 0;border: none;width: 100%;	height: 100%;vertical-align: top;}
.imgbox-title {	padding-top: 10px;font-size: 11px;text-align: center;font-family: Arial;color: #333;display: none;}
.imgbox-bg-wrap {position: absolute;padding: 0;margin: 0;display: none;}
.imgbox-bg {position: absolute;width: 20px;	height: 20px;}


 

/*develop*/
.timeX{width: 745px;height: 71px;margin: 73px 0 59px 0; position: relative;}
.timeX .prev{position: absolute;left: 0;top: 0; display: inline-block; width: 53px; height: 52px; 
	background: url("../images/dev_arrow_l.png");}
.timeX .next{position: absolute;right: 0;top: 0; display: inline-block; width: 53px; height: 52px; 
	background: url("../images/dev_arrow_r.png");}
.timeX	.timeLine{height: 1px;border-top:1px solid #DAD8D9;left: 0; position: absolute;top: 26px;margin-left: 95px; width: 561px;}
.timeX .year{width:567px; height:70px;position: absolute;left: 0; top: 0; overflow: hidden; margin-left: 95px;}
.timeX .year ul{height: 70px; }
.timeX .year ul li{float: left;font-size: 20px; cursor: pointer;background: url("../images/time.png") no-repeat center top;
	padding-top:34px; margin-top: 13px; width: 81px;text-align: center;color: #999999;}
.timeX .year li.on{background: url("../images/time_on.png") no-repeat center top;color:#597098;}
.dev_sum{width: 745px; height:274px; overflow: hidden;}
.dev_sum .dev_list .dev_li{float: left;}
.dev_info{background: #E7E5E6; padding: 29px 11px 29px 11px;width: 723px;}
.dev_info .infoL{float: left;width: 236px;height: 153px;margin-right: 29px;}
.dev_info .infoR{float: left; width: 458px;}
.dev_info .infoR ul li{ font-size: 12px; line-height: 24px;color: #666666;}
.dev_info .infoR ul li span{margin-right: 56px;}

/*企业文化*/
.ab_con .culture_list li{margin-bottom: 25px;height: 82px;}
.culture_conL{float: left;}
.culture_conR{float: left;}
.culture_conL p,.culture_conR p{ cursor:pointer; font-size: 16px;height: 80px;width: 147px;text-align: center;color: #666666;line-height: 80px;}
.culture_conL p{border:1px solid #DDDDDD;border-right: 0;}
.culture_conR p{border:1px solid #DDDDDD;border-left: 0;}
.culture_conL p:hover,.culture_conR p:hover{background: #0096E0; color: #fff;}

 /*tech*/
 .ab_con  .techConL{width: 489px; height: 314px;margin:0 auto;}
  .ab_con .techConR{width: 474px;margin:80px auto;}
 .ab_con .techConR h3 a{font-size: 18px;line-height: 24px;color: #444444;}
 .ab_con .techConR p{font-size: 14px;line-height: 24px; margin-top: 13px; color: #444444;}
  .ab_con .techConR ul{margin-top: 20px;}
 .ab_con .techConR ul li{width: 237px;float: left;line-height: 24px;}
  .ab_con .techConR ul li a{font-size: 12px;color: #666666;}
 .ab_con .techConR ul li a:hover{color:#259EE2;}

/*新闻动态*/
.newsItem{ width:745px;}
.newsItem  li{width: 236px;float: left;margin-right: 18px;margin-bottom: 40px;}
.newsItem  li:first-child{margin-right: 18px !important;}
.newsItem  li:last-child{margin-right: 0px !important;}
.newsItem .a_img{position: relative;width: 236px;height: 153px;display: block;}
.newsItem .a_img img{width: 236px;height: 153px;}
.newsItem .a_img span{height: 34px;width: 222px; line-height: 34px;display: block;position: absolute;bottom: 0;left: 0;padding-left: 14px;font-size: 12px; color: #fff;
	background: rgba(0,0,0,0.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);}
.newsItem h3{margin-top: 20px;}
.newsItem h3 a{font-size: 14px;line-height: 24px;color: #404040;}
.newsItem p{font-size: 12px;line-height: 22px;margin-top: 9px;margin-bottom:30px;color: #666666;}
.newsItem .a_link{font-size: 12px;line-height: 22px;color: #8A8F9C;background: url("../images/a_link.png") no-repeat left center;
padding-left: 22px;}
.newsItem .a_link:hover{background: url("../images/a_link_on.png") no-repeat left center; color: #0096E0;}

/*产品中心*/
.productList{width:745px;}
.productList li{float: left;width: 232px;height: 354px;margin-bottom: 20px; border: 1px solid #DFE1E3; margin-right: 20px; background:#F4F5F7;}
.productList li:last-child{margin-right:0px;}
.productList li img{width: 232px; height: 171px;}
.productList li h3{font-size: 14px;text-align: center;line-height: 24px;padding: 16px 0; color: #404040; background:#fff;}
.productList li p{font-size: 12px;line-height: 22px; color: #8D8D8D;border-bottom: 1px solid #ECECEC;border-top: 1px solid #ECECEC;padding: 7px 8px;background:#fff;}
.productList li .link{text-align: center; height:42px;}
.productList li .link a{ display:block; height:42px; width:70px; margin:0 auto;line-height:42px; font-size: 12px;color: #8A8F9C; background: url("../images/a_link.png") no-repeat left center;padding-left: 21px;}
.productList li:hover{width:222px;height: 344px;border:5px solid #0096E0; cursor:pointer;}
.productList li:hover img{width: 224px; height: 166px;}
.productList li:hover .link a:hover{background: url("../images/a_link_on.png") no-repeat left center; color: #0096E0;}

/*联系我们*/
.ab_con .contactTit{ font-size:24px; margin-top:5px;}
.ab_con .contactEng{ font-size:14px; color:#666666;}
.ab_con .contactAds{ margin-top:13px;}
.ab_con .contactAds li{line-height: 30px; padding:0px; font-size:14px; color:#5D5D5D; }
.ab_con .contactAds li:last-child{ margin-bottom:0px;}
.ab_con .contactmap1{ margin-top:25px;}
.ab_con .contactmap2{ margin:25px 0 80px 0;}

/*详情页*/
.ab_con .newsInfoTit{ color:#0096E0; text-align:center;}
.ab_con .newsInfoTime{font-size: 12px; color: #777777;text-align:center;}
.ab_con .detail_down { border-top: 2px solid #E6E5E5;padding: 30px 0 30px 0}
.ab_con .detail_down .link a{font-size: 14px; color: #666666; line-height: 30px;display: block;}
.ab_con .detail_down .link a:hover{color:#0096E0; }
.ab_con .detail_down .btn{display: block; width: 80px; height: 30px;text-align: center;line-height: 30px; font-size: 14px;border-radius: 3px; background:#0096E0;color: #fff;}
.ab_con .detail_down .btn:hover{background:#0000FF;}

/*友情链接*/
.ab_con .Link{width:745px;}
.ab_con .Link li{width: 150px; height: 114px;float: left;margin-right:48px;margin-bottom: 32px;}
.ab_con .Link li a{display: block;}
.ab_con .Link li img{width: 148px; height: 82px;border:1px solid #DBD8D9;}
.ab_con .Link li span{height: 30px;display: block;text-align: center;line-height: 30px;font-size: 12px; color: #666666;}

/*网站地图*/
.mapWrap{width:1000px; margin: 0px auto;padding-top: 43px;}
.mapNav{height: 201px;border-right: 1px solid #DDDDDD;float: left; }

.mapNav h3{font-size: 24px;font-weight: normal; padding-left:17px;color: #424242; }
.mapNav ul{padding:18px 62px 0 17px;}
.mapNav ul li{line-height: 24px;}
.mapNav ul li a{color: #666666;font-size: 14px; }
.mapNav ul li a:hover{text-decoration:underline;}

/*Page*/

.page{font-size:14px; color:#333; overflow:hidden; padding:20px 0 140px;text-align:center;font-size:14px; font-weight:bold;margin-bottom: 44px;}
.page b{margin:0 4px; float:left;}
.page em{margin:0 4px; font-style:normal; font-weight:bold; float:left;}
.page ol{ overflow:hidden;list-style-type:none;}
.page li{ margin-right:8px;display:inline-block;}
.page li a{color:#666666; font-size:14px; font-weight:bold; border:1px #ccc solid;  width:28px; height:30px; text-align:center; line-height:30px; display:inline-block;}
.page li a:hover,.page li a.a_cur{color:#fff; background:#267DC2;}

/*resource*/
.resource{padding: 20px 35px 0 10px;}
.resource p{font-size: 14px; color: #666666;margin-bottom: 25px;}
/*recruit*/
.recruit_list{margin-bottom: 40px;}
.recruit_li{border-bottom: 1px solid #FAF9F9;width: 745px;}
.recruit_li a{color: #fff;font-size: 18px; display: block;height: 55px;line-height: 55px;padding-left: 30px;background: url(../images/recruit_down.png) no-repeat 709px center #CCCCCC;}
.recruit_li a em{font-size: 12px;margin-left: 11px;font-style: normal;}
.recruit_li a.on{background:url(../images/recruit_up.png) no-repeat 709px center #0096E0;}
.recruit_li .detail{background: #fff;}
.recruit_li .detail ul{height: 59px; padding:19px 49px 10px 29px; border-bottom: 1px solid #DEDEDE;margin: 0 1px;}
.recruit_li .detail ul li{width: 160px; line-height: 30px; font-size: 12px; color: #666;float: left;}
.recruit_li .detail p{padding: 22px 20px 100px 35px;font-size: 12px; line-height: 24px; color: #666666;}



/*搜索*/
.search_list{padding:20px 0 50px 0; }
.search_list li{font-size:14px; line-height:30px; color:#666666;}
.search_list li b{float:right;}
.search_list li a{font-size:14px; color:#666666;}
.search_list li a:hover{text-decoration:underline;}
/*sitemap*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}

